import React, { memo } from 'react';
import { SectionV1Wrapper } from '@/views/home/c-cpns/home-section-v1/style'
import SectionHeader from '@/components/section-header'
import SectionRooms from '@/components/section-rooms'
import SectionFooter from '@/components/section-footer'

const HomeSectionV1 = memo((props) => {
  const {infoData} = props;
  return (
    <SectionV1Wrapper>
      {/*  标题*/ }
      <SectionHeader title={ infoData.title } subtitle={ infoData.subtitle }></SectionHeader>
      <SectionRooms roomList={infoData.list} itemWidth="25%"></SectionRooms>
      <SectionFooter></SectionFooter>
    </SectionV1Wrapper>
  );
});

export default HomeSectionV1;
